<template>
  <div>
    <div class="banner">
      <h1>我们的平台</h1>
    </div>
    <div class="cont">
      <p class="title">移动版 META TRADER 4</p>
      <p>MT4的行动交易,在你的智慧手机或平板上走到哪里都可以交易</p>
      <p>UKDFX 提供MetaTrader4手机版平台，支持iPhone、iPad、Android</p>
      <p>通过MT4手机交易平台，您可以随时随地，轻轻松松在移动设备上享受台式电脑MT4的卓越功能。</p>
      <p class="txt"><span></span>可以在任何时候，任何地点，通过移动设备查看报价，更加及时地把握市场走势</p>
      <p class="txt"><span></span>拥有和桌面版MT4相同的安全、稳定性能</p>
      <p class="txt"><span></span>手机平台集合了桌面版平台最实用的功能，令操作更加简便灵活</p>
      <p class="txt"><span></span>可以随时拿出手机管理交易账户，查看账户交易余额和收益情况</p>
      <p class="txt"><span></span>可以利用MT4自带的不同交易分析工具进行走势分析</p>
      <p class="txt"><span></span>下载安装更快捷</p>
      <p class="img2"></p>
      <p>无论你是使用Android或是iOS装置，有了UKDFX MetaTrader 4，无论走到哪边随时随地都可以交易！只要从Apple APP Store或是Google Play下载MT4应用程式，就可以开始了！</p>
      <p class="img1"></p>
      <div class="download">
        <div class="ios">
          <p>ios下载地址</p>
          <p class="ios"><a href="https://itunes.apple.com/cn/app/metatrader-4/id496212596?mt=8"></a></p>
        </div>
        <div class="android">
          <p>Android下载地址</p>
          <p class="android"><a href="http://i3.res.meizu.com/resources/appStore/browser/views/browser-detail.html?packageName=net.metaquotes.metatrader4&app_id=1158285&business=1"></a></p>
        </div>
      </div>
      <p>点击进入应用商店下载MT4 app,在MT4 app中直接选取UKD服务器</p>
    </div>
  </div>
</template>

<style lang="stylus" rel="stylesheet/stylus" scoped>
@import './../../common/stylus/mixin'
  .banner
    width: 100%
    height: 200px
    background: url("../../../static/images/banner.jpg") no-repeat
    background-size: 100% 100%
    padding-top:116.5px
    padding-left:40px
    box-sizing: border-box
    h1
      font-size: 20px
      color: #fff
  .cont
    padding: 0 18px
    p.title
      font-size: 18px
      font-weight: bold
      color: #ff9c00
      margin: 20px 0 15px 0
    p
      font-size: 14px
      color: #333
      margin-top: 20px
      &:last-child
        margin-bottom: 25px
      span
        display: inline-block
        width: 9px
        height: 9px
        border-radius: 50%
        background-color: #ffcc00
        margin-right: 10px
      &.txt
        margin-top: 15px
      &.img2
        width: 339px
        height: 177px
        bg-img('./img/mobile')
        margin-bottom: 15px
      &.img1
        width: 153px
        height: 34px
        bg-img('./img/mt4')
        margin-bottom: 15px
    .download
      display: flex
      justify-content: space-around
      div
        >p
          font-size: 13px
          color: #333
          font-weight: bold
          display: block
          text-align: center
          margin-top: 0px
          margin-bottom: 20px
          >a
            display: block
            width: 150px
            height: 37px
        >.ios
          width: 150px
          height: 37px
          bg-image('./img/ios')
        >.android
          width: 150px
          height: 37px
          bg-image('./img/android')
    p:last-child
      margin-top: 0
</style>
